<template>
    <main class="flex flex-col min-h-svh">
      <div class="main flex-1 p-16 pb-[var(--van-nav-bar-height)] ">
       <div class="w-28 h-28 bg-#2d2f39 rounded-5 leading-28 text-center">
        <van-icon name="arrow-left" @click="goBack" color="#f2f2f3" />
       </div>
        <slot />
      </div>
  
      <AppFooter />
    </main>
  </template>
  <script lang="ts" setup>
  // import { useRouter } from 'vue-router'
  const router = useRouter()
  const goBack = () => {
    router.go(-1)
  }
  </script>
  <style lang="css" scoped>
  .main{
    /* background: url('/img/blue_bg.png') no-repeat;
    background-size: 100% 100%; */
    background:#000000;
  }
  </style>
  